<template>
    <view class="container">
      <view class="title">用户协议</view>
      <view class="date">生效日期：2025年7月10日</view>
      <view class="divider"></view>
  
      <!-- 1. 协议接受 -->
      <view class="section">
        <view class="section-title">1. 协议接受</view>
        <view class="section-content">
          欢迎使用
          <text class="highlight">个人记账本</text>
          ！本协议是您与
          <text class="highlight">个人记账本</text>
          之间关于使用本应用服务的法律协议。通过下载、安装或使用本应用，您表示已阅读、理解并同意受本协议的约束。
        </view>
      </view>
  
      <!-- 2. 服务描述 -->
      <view class="section">
        <view class="section-title">2. 服务描述</view>
        <view class="section-content">
          <text class="highlight">个人记账本</text>
          是一款帮助用户进行个人财务管理的记账应用。用户可以记录日常收入和支出，设置预算目标，查看消费统计和分析，管理各类消费分类（如餐饮、交通、购物、娱乐等），并支持数据导出功能。所有财务数据均存储在用户本地设备中，我们不会收集、传输或存储您的任何个人信息和财务数据。
        </view>
      </view>
  
      <!-- 3. 用户责任 -->
      <view class="section">
        <view class="section-title">3. 用户责任</view>
        <view class="section-content">
          <view>3.1 您有责任保护您的设备安全，包括但不限于设置设备锁屏密码，避免设备丢失等。</view>
          <view>3.2 您应当合法使用本应用，不得将其用于任何违法或不当的目的。</view>
          <view>3.3 您有责任定期备份您的财务数据，我们不对数据丢失承担责任。</view>
        </view>
      </view>
  
      <!-- 4. 数据安全 -->
      <view class="section">
        <view class="section-title">4. 数据安全</view>
        <view class="section-content">
          <view>4.1 本应用采用本地存储方式，所有财务数据仅保存在您的设备中。</view>
          <view>4.2 我们不会访问、收集或传输您的财务数据到任何服务器。</view>
          <view>4.3 应用的导入导出功能仅在本地设备上操作，不涉及网络传输。</view>
        </view>
      </view>
  
      <!-- 5. 免责声明 -->
      <view class="section">
        <view class="section-title">5. 免责声明</view>
        <view class="section-content">
          <view>5.1 本应用按“现状”提供，我们不对应用的完整性、准确性或可靠性做出任何明示或暗示的保证。</view>
          <view>5.2 因设备故障、操作系统问题、用户误操作等原因导致的数据丢失，我们不承担任何责任。</view>
          <view>5.3 我们不对因使用本应用而产生的任何直接或间接损失承担责任。</view>
        </view>
      </view>
  
      <!-- 6. 知识产权 -->
      <view class="section">
        <view class="section-title">6. 知识产权</view>
        <view class="section-content">
          本应用的所有知识产权均归开发者所有。未经许可，您不得复制、修改、分发或以其他方式使用本应用的任何部分。
        </view>
      </view>
  
      <!-- 7. 协议修改 -->
      <view class="section">
        <view class="section-title">7. 协议修改</view>
        <view class="section-content">
          我们保留随时修改本协议的权利。协议修改后，我们将通过应用内通知等方式告知用户。继续使用本应用即表示您接受修改后的协议。
        </view>
      </view>
  
      <!-- 8. 协议终止 -->
      <view class="section">
        <view class="section-title">8. 协议终止</view>
        <view class="section-content">
          您可以随时停止使用本应用并删除本应用来终止本协议。协议终止后，您应当删除设备中的所有应用数据。
        </view>
      </view>
  
      <!-- 9. 适用法律 -->
      <view class="section">
        <view class="section-title">9. 适用法律</view>
        <view class="section-content">
          本协议的解释和执行适用中华人民共和国法律。如发生争议，应通过友好协商解决；协商不成的，可向有管辖权的人民法院提起诉讼。
        </view>
      </view>
  
      <view class="footer">
        感谢您选择
        <text class="highlight">个人记账本</text>
        ！
        <view class="contact">如有疑问，请通过应用内反馈功能与我们联系。</view>
      </view>
    </view>
  </template>
  
  <style scoped>
  .container {
    padding: 32rpx 24rpx 40rpx 24rpx;
    background: #fafbfc;
    min-height: 100vh;
    font-size: 28rpx;
    color: #222;
  }
  .title {
    font-size: 44rpx;
    font-weight: bold;
    text-align: center;
    margin-top: 32rpx;
  }
  .date {
    text-align: center;
    color: #888;
    font-size: 26rpx;
    margin: 16rpx 0 12rpx 0;
  }
  .divider {
    height: 2rpx;
    background: #eee;
    margin-bottom: 24rpx;
  }
  .section {
    background: #fff;
    border-radius: 16rpx;
    margin-bottom: 28rpx;
    padding: 24rpx 20rpx;
    box-shadow: 0 2rpx 8rpx #f0f1f2;
  }
  .section-title {
    font-size: 32rpx;
    font-weight: bold;
    margin-bottom: 12rpx;
  }
  .section-content {
    color: #333;
    font-size: 28rpx;
    line-height: 1.8;
  }
  .highlight {
    color: #1976d2;
    font-weight: bold;
  }
  .footer {
    text-align: center;
    margin-top: 32rpx;
    color: #444;
    font-size: 28rpx;
  }
  .contact {
    color: #888;
    font-size: 24rpx;
    margin-top: 8rpx;
  }
  </style>